<div id="content_header">
  <h3>Course Types</h3>
</div>

<div class="row row-unstyled">
  <div class="col-md-12">
    <label>SEARCH</label>
  </div>
</div>

<div class="row">
  <div class="col-md-6 col-lg-4">
    <form action="#" class="form-vertical">
      <div class="input-group">
        <input class="form-control" type="text" name="keyword" placeholder="Type Name to search" ng-model="searchText.Name">
        <span class="input-group-addon">Find!</span>
      </div>
    </form>
  </div>
  <div class="col-md-6 col-lg-4">
    <a ui-sref="^.new" class="btn btn-primary">Register a new Type of Course</a>
  </div>
</div>

<br>

<div class="row">
  <div class="col-md-12">
    <label>RESULTS</label>
    <div class="search-message">
      Found <span class="primary-color"><b>{{ courseTypes.length | filter:searchText }}</b></span> records
    </div>
  </div>
</div>

<div class="row">
  <div class="col-md-12">
   <table class="table table-stripped table-bordered" ng-show="courseTypes.length > 0">
    <thead>
      <tr>
        <th>Code</th>
        <th>Name</th>
        <th>Note</th>
        <th>Action</th>
      </tr>
    </thead>
    <tbody>
      <tr ng-repeat="courseType in courseTypes | filter:searchText">
        <td>{{ courseType.Code }}</td>
        <td>{{ courseType.Name }}</td>
        <td>{{ courseType.Note }}</td>
        <td>
          <a class="" href ng-really-message="Are you sure want to delete this data?" ng-really-click="delete('course_types', courseType.Id, {collection: courseTypes, index: $index})"><i class="simple-icon-trash"></i></a>
          <a class="" ui-sref="^.show({id: courseType.Id})"><i class="glyphicon glyphicon-edit"></i></a>
        </td>
      </tr>
    </tbody>
  </table>
  </div>
</div>